<!DOCTYPE html>
<!-- saved from url=(0028)http://my.sto.cn/Order/Index -->
<html>
<head>
    <title>在线寄件</title>

    <script src="/home/js/jquery-1.11.2.js"></script>

    <script src="/home/js/jquery.page.js"></script>
    <script src="/home/js/jquery.cookie.js"></script>
    <script src="/home/js/idangerous.swiper.min.js"></script>

    <script src="/home/js/layer.js"></script>
    <link rel="stylesheet" href="/home/css/layer.css" id="layuicss-skinlayercss">
    <script src="/home/js/baseUtility.js"></script>
    <script src="/home/js/edit.js"></script>

    <link href="/home/css/pager.css" rel="stylesheet">
    <script type="text/javascript">
        // 将 layer 弹窗对象注入到相应的命名空间，以供使用
        addressEditNameSpace.setLayer(layer);
        (function (w) {
            if (!("WebSocket" in w && 2 === w.WebSocket.CLOSING)) {
                var d = document.createElement("div");
                d.className = "browsehappy";
                d.innerHTML =
                    '<div style="width:100%;height:100px;font-size:30px;line-height:100px;text-align:center;background-color:#ee6900;color:#fff;margin-bottom:40px;">\u60a8\u7684\u6d4f\u89c8\u5668\u7248\u672c\u5b9e\u5728\u662f<strong>\u592a\u65e7\u4e86<\strong><a target="_blank" href="https://www.baidu.com/link?url=Z-k_dgvBnkwwMefWJx8Oa3XDCX3vlYffDo9gXrgGdrjvbt5o2YlxK9fXCsBjMMvXptcPtPfScTviYuXj67uXQOGt-GDfyKRDfg0bxZ-p-mq&wd=&eqid=df5151c400006c2f000000055a56cfef" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 2px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>';
                var f = function () {
                    var s = document.getElementsByTagName("body")[0];
                    if ("undefined" == typeof (s)) {
                        setTimeout(f, 10)
                    } else {
                        s.insertBefore(d, s.firstChild)
                    }
                };
                f()
            }
        }(window));
    </script>
    <link rel="stylesheet" type="text/css" href="/home/css/common.css">

    <script src="/home/js/html5.js"></script>
    <link href="/home/css/WdatePicker.css" rel="stylesheet" type="text/css">
</head>
<body style="">

<#--引入头部和顶部导航栏-->
<#include "../common/header.ftl"/>
<#include "../common/top_nav.ftl"/>


<div class="box" style="min-height:800px;">
    <script src="/home/js/jquery.min.js"></script>
    <link href="/home/css/jquery-ui.min.css" rel="stylesheet">
    <script src="/home/js/jquery-ui.min.js"></script>
    <link href="/home/css/city-picker.css" rel="stylesheet">
    <link href="/home/css/Index.css" rel="stylesheet">
    <script src="/home/layui/layui.js"></script>
    <link href="/home/layui/css/layui.css" rel="stylesheet">
    <link href="/home/css/List.css" rel="stylesheet">

    <script src="/home/js/WdatePicker.js"></script>
    <script src="/home/js/city-picker.data.js"></script>
    <script src="/home/js/city-picker.js"></script>
    <script src="/home/js/jquery.cookie.js"></script>
    <script src="/home/js/OrderAddress.js"></script>
    <div class="banner"></div>
    <div class="alert" style="display:none">
        <div class="alertBox">
            <div class="alertContent">
                取件时间：16:30前下单正常当天完成取件 | 16:30后下单默认次日18:00前完成取件
            </div>
        </div>
    </div>
    <form id="orderForm">
        <div id="log"></div>
        <input type="hidden" name="homeUser.id" value="${homeUser.id}">
        <div class="content">
            <div class="ordertype">
                <div class="title">
                    <p style="padding-top:6px;">选</p>
                    <p>择</p>
                </div>
                <a class="signalorder" href="/home/entryPage/singletonPage">单件下单</a>
                <a class="signalorder" href="/home/entryPage/bulkOrderPage">批量下单</a>
            </div>
            <div class="sendUser clearfix">
                <div class="title">
                    <p style="padding-top:53px;">寄</p>
                    <p>件</p>
                    <p>人</p>
                    <p>信</p>
                    <p>息</p>
                </div>
                <div class="SendUserInfo" style="float:left; width:960px">
                    <div class="line clearfix">
                        <div class="left">
                            <label>姓名：</label>
                            <input id="senderName" value="<#if defaultSenderInfo??>${defaultSenderInfo.name}</#if>"
                                   name="senderName" maxlength="32" placeholder="请输入寄件人姓名">
                        </div>
                        <div class="order_text_img">
                            <a class="order_address_list">
                                <img src="/home/images/order.png" style="cursor: pointer" id="orderAddressListBtn"
                                     width="35" height="35">
                            </a>
                        </div>
                        <div class="right ui-widget">
                            <label>手机号码：</label>
                            <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input
                                    id="senderMobile"
                                    name="senderMobile"
                                    value="<#if defaultSenderInfo??>${defaultSenderInfo.mobile}</#if>" maxlength="11"
                                    placeholder="请输入寄件人手机号码"
                                    class="ui-autocomplete-input" autocomplete="off">
                        </div>
                    </div>
                    <div class="line clearfix">
                        <div class="left">
                            <label>发件地址：</label>
                            <div style="display:inline-block;position:relative">
                                <input id="sendFullAddress" data-toggle="city-picker"
                                       value="<#if defaultSenderInfo??>${defaultSenderInfo.address}</#if>" type="text"
                                       name="sendFullAddress"
                                       readonly="readonly"
                                       placeholder="请选择省市区" class="city-picker-input"><span class="city-picker-span"
                                                                                            style="width:280px;height:40px;line-height:39px;"><span
                                            class="placeholder">请选择省市区</span><span class="title"
                                                                                   style="display: none;"></span>
											<div class="arrow"></div>
										</span>

                            </div>

                        </div>
                        <div class="right">
                            <label>详细地址：</label>
                            <input id="sendAddress" name="sendAddress"
                                   value="<#if defaultSenderInfo??>${defaultSenderInfo.detailedAddress}</#if>"
                                   maxlength="100" placeholder="xx路xx号xx小区x幢x单元xx">
                        </div>
                    </div>

                    <div class="line clearfix">
                        <div class="left">
                            <label>座机号码：</label>
                            <input id="senderLandlineNumber"
                                   value="<#if defaultSenderInfo??>${defaultSenderInfo.phone}</#if>"
                                   name="senderLandlineNumber" maxlength="18"
                                   placeholder="请输入寄件人座机号码">
                        </div>
                        <div class="right">
                            <label>邮箱：</label>
                            <input id="senderEmail" name="senderEmail" maxlength="50" placeholder="此邮箱用于接受下单进度提醒">
                        </div>
                    </div>

                    <div class="line clearfix">
                        <div class="left">
                            <label>付款方式：</label>
                            <select id="paymentMethod" name="paymentMethod">
                                <option value="请选择付款方式">请选择付款方式</option>
                                <#list paymentMethodEnum as paymentMethodEnum>
                                    <option value="${paymentMethodEnum}">${paymentMethodEnum.getName()}</option>
                                </#list>
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="putUser clearfix">
                <div class="title">
                    <p style="padding-top:53px;">收</p>
                    <p>件</p>
                    <p>人</p>
                    <p>及</p>
                    <p>物</p>
                    <p>品</p>
                    <p>信</p>
                    <p>息</p>
                </div>
                <div class="putUserInfo" style="float:left; width:960px">
                    <div class="line clearfix">
                        <div class="left">
                            <label>姓名：</label>
                            <input id="recipientsName" name="recipientsName"
                                   value="<#if defaultRecipientsInfo??>${defaultRecipientsInfo.name}</#if>"
                                   maxlength="32" placeholder="请输入收件人姓名">
                        </div>
                        <div class="order_text_img">
                            <a class="order_address_recvList">
                                <img src="/home/images/order.png" width="35" height="35">
                            </a>
                        </div>
                        <div class="right ui-widget">
                            <label>手机号码：</label>
                            <span role="status" aria-live="polite" class="ui-helper-hidden-accessible"></span><input
                                    id="recipientsMobile"
                                    name="recipientsMobile"
                                    value="<#if defaultRecipientsInfo??>${defaultRecipientsInfo.mobile}</#if>"
                                    maxlength="11" placeholder="请输入收件人手机号码"
                                    class="ui-autocomplete-input" autocomplete="off">
                        </div>
                    </div>
                    <div class="line clearfix">
                        <div class="left">
                            <label>收件地址：</label>
                            <div style="display:inline-block;position:relative">
                                <input id="recipientsFullAddress" data-toggle="city-picker" readonly="readonly"
                                       name="recipientsFullAddress" type="text"
                                       value="<#if defaultRecipientsInfo??>${defaultRecipientsInfo.address}</#if>"
                                       placeholder="请选择省市区" class="city-picker-input"><span class="city-picker-span"
                                                                                            style="width:280px;height:40px;line-height:39px;"><span
                                            class="placeholder">请选择省市区</span><span class="title"
                                                                                   style="display: none;"></span>
											<div class="arrow"></div>
										</span>
                                <div class="city-picker-dropdown"
                                     style="left: 0px; top: 100%; width: 320px; display: none;">
                                    <div class="city-select-wrap">
                                        <div class="city-select-tab"><a class="active" data-count="province">省份</a><a
                                                    data-count="city">城市</a><a
                                                    data-count="district">区县</a></div>
                                        <div class="city-select-content">
                                            <div class="city-select province" data-count="province"
                                                 style="display: block;">
                                                <dl class="clearfix">
                                                    <dt>A-G</dt>
                                                    <dd><a title="安徽省" data-code="340000" class="">安徽省</a><a title="北京"
                                                                                                             data-code="110000"
                                                                                                             class="">北京</a><a
                                                                title="重庆" data-code="500000" class="">重庆</a><a
                                                                title="福建省" data-code="350000" class="">福建省</a><a
                                                                title="甘肃省" data-code="620000" class="">甘肃省</a><a
                                                                title="广东省" data-code="440000" class="">广东省</a><a
                                                                title="广西壮族自治区" data-code="450000"
                                                                class="">广西壮族自治区</a><a title="贵州省" data-code="520000"
                                                                                       class="">贵州省</a></dd>
                                                </dl>
                                                <dl class="clearfix">
                                                    <dt>H-K</dt>
                                                    <dd><a title="海南省" data-code="460000" class="">海南省</a><a title="河北省"
                                                                                                             data-code="130000"
                                                                                                             class="">河北省</a><a
                                                                title="黑龙江省" data-code="230000" class="">黑龙江省</a><a
                                                                title="河南省" data-code="410000" class="">河南省</a><a
                                                                title="湖北省" data-code="420000" class="">湖北省</a><a
                                                                title="湖南省" data-code="430000" class="">湖南省</a><a
                                                                title="江苏省" data-code="320000" class="">江苏省</a><a
                                                                title="江西省" data-code="360000" class="">江西省</a><a
                                                                title="吉林省" data-code="220000" class="">吉林省</a></dd>
                                                </dl>
                                                <dl class="clearfix">
                                                    <dt>L-S</dt>
                                                    <dd><a title="辽宁省" data-code="210000" class="">辽宁省</a><a
                                                                title="内蒙古自治区" data-code="150000" class="">内蒙古自治区</a><a
                                                                title="宁夏回族自治区" data-code="640000"
                                                                class="">宁夏回族自治区</a><a title="青海省" data-code="630000"
                                                                                       class="">青海省</a><a
                                                                title="山东省" data-code="370000" class="">山东省</a><a
                                                                title="上海" data-code="310000" class="">上海</a><a
                                                                title="山西省" data-code="140000" class="">山西省</a><a
                                                                title="陕西省" data-code="610000" class="">陕西省</a><a
                                                                title="四川省" data-code="510000" class="">四川省</a></dd>
                                                </dl>
                                                <dl class="clearfix">
                                                    <dt>T-Z</dt>
                                                    <dd><a title="天津" data-code="120000" class="">天津</a><a
                                                                title="新疆维吾尔自治区" data-code="650000"
                                                                class="">新疆维吾尔自治区</a><a
                                                                title="西藏自治区" data-code="540000" class="">西藏自治区</a><a
                                                                title="云南省" data-code="530000" class="">云南省</a><a
                                                                title="浙江省" data-code="330000" class="">浙江省</a></dd>
                                                </dl>
                                            </div>
                                            <div class="city-select city" data-count="city" style="display: none;">
                                                <dl class="clearfix">
                                                    <dd></dd>
                                                </dl>
                                            </div>
                                            <div class="city-select district" data-count="district"
                                                 style="display: none;">
                                                <dl class="clearfix">
                                                    <dd></dd>
                                                </dl>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="right">
                            <label>详细地址：</label>
                            <input id="recipientsAddress"
                                   value="<#if defaultRecipientsInfo??>${defaultRecipientsInfo.detailedAddress}</#if>"
                                   name="recipientsAddress" maxlength="100"
                                   placeholder="xx路xx号xx小区x幢x单元xx">
                        </div>
                    </div>
                    <div class="line clearfix">
                        <div class="left">
                            <label>座机号码：</label>
                            <input id="recipientsLandlineNumber"
                                   value="<#if defaultRecipientsInfo??>${defaultRecipientsInfo.phone}</#if>"
                                   name="recipientsLandlineNumber" maxlength="18"
                                   placeholder="请输入收件人座机号码">
                        </div>
                        <div class="right">
                            <label>物品重量：</label>
                            <input id="itemWeight" name="itemWeight" placeholder="物品重量(KG)" maxlength="5" value="1"
                                   onkeyup="value = value.replace(/[^\d.]/g, &#39;&#39;);">
                            KG
                        </div>
                    </div>

                </div>
                <div class="goodsType" style="float:left; width:960px">
                    <label>物品类型：</label>
                    <span>
								<input type="radio" name="itemType" value="文件">文件
							</span>
                    <span>
								<input type="radio" name="itemType" value="服饰">服饰
							</span>
                    <span>
								<input type="radio" name="itemType" value="食品">食品
							</span>
                    <span>
								<input type="radio" name="itemType" value="数码用品">数码用品
							</span>
                    <span>
								<input type="radio" name="itemType" value="生活用品">生活用品
							</span>
                    <span>
								<input type="radio" name="itemType" value="其他" id="elseDeliveryGoods">其他
							</span>

                    <textarea id="memo" name="itemType" placeholder="物品描述" class="memotextarea" maxlength="50"
                              style="display:none"></textarea>

                </div>

            </div>
            <div class="remark">
                <div class="title">
                    <p style="padding-top:53px;">备</p>
                    <p>注</p>
                    <p>信</p>
                    <p>息</p>
                </div>
                <div class="remarkContent">
                    <div class="time">
                        <label style="margin-left: 300px">注意：</label>
                        <span style="color:#ed6a00;margin-left:14px;">下午16:30以后下单，第二日取件</span>
                    </div>
                    <div class="remarkInput">
                        <label>备注信息：</label>
                        <textarea id="remark" name="remark" placeholder="您可以在此备注您的需求,例如:请带文件袋,来前电话,需要胶带等需求"></textarea>
                    </div>
                </div>
            </div>
            <div class="submitBox">
                <p class="submitBtn">
                    <input type="button" id="orderSubmit" value="提交订单">
                </p>
            </div>

            <div id="Fastentry" class="Fastentry">
                <div class="Fastentrycontent">
							<textarea id="Fastentrycontent" placeholder="例：小哥,182****8762,上海市青浦区北青公路6598弄"
                                      class="Fastentrycontentarer"
                                      maxlength="50"></textarea>
                </div>
            </div>
        </div>
    </form>


    <script src="/home/js/Index.js"></script>

</div>


<div id="orderAddressListDiv" style="display: none" class="orderAaddress">
    <div class="order_address_title"></div>
    <table class="layui-table">
        <thead>
        <tr>
            <th>操作</th>
            <th>类别</th>
            <th>姓名</th>
            <th>手机号</th>
            <th>座机号</th>
            <th>地址</th>
        </tr>
        </thead>
        <tbody>
        <#if senderInfoList?size gt 0>
        <#list senderInfoList as senderInfo>
            <tr>
                <td align="center">
                    <input style="cursor: pointer" class="checkbox_selected" name="checkbox" type="radio" id="${senderInfo.id}">
                </td>
                <td>${senderInfo.homeUserType.getName()}</td>
                <td>${senderInfo.name}</td>
                <td>${senderInfo.mobile}</td>
                <td>${senderInfo.phone!""}</td>
                <td>${senderInfo.address}-${senderInfo.detailedAddress}</td>
            </tr>
        </#list>
        </#if>
        <tr>
            <td colspan="6" align="center"><a class="sendAddress_shure" onclick="listCallBack()">确定</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>







<div id="recipientsAddressListDiv" style="display: none" class="orderAaddress">
    <div class="order_address_title"></div>
    <table class="layui-table">
        <thead>
        <tr>
            <th>操作</th>
            <th>类别</th>
            <th>姓名</th>
            <th>手机号</th>
            <th>座机号</th>
            <th>地址</th>
        </tr>
        </thead>
        <tbody>
        <#if recipientsInfoList?size gt 0>
            <#list recipientsInfoList as recipientsInfo>
                <tr>
                    <td align="center">
                        <input style="cursor: pointer" class="checkbox_selected" name="checkbox" type="radio" id="${recipientsInfo.id}">
                    </td>
                    <td>${recipientsInfo.homeUserType.getName()}</td>
                    <td>${recipientsInfo.name}</td>
                    <td>${recipientsInfo.mobile}</td>
                    <td>${recipientsInfo.phone!""}</td>
                    <td>${recipientsInfo.address}-${recipientsInfo.detailedAddress}</td>
                </tr>
            </#list>
        </#if>
        <tr>
            <td colspan="6" align="center"><a class="sendAddress_shure" onclick="recvListCallBack()">确定</a>
            </td>
        </tr>
        </tbody>
    </table>
</div>


<script>

</script>


<#--尾部-->
<#include "../common/footer.ftl"/>




<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-1" tabindex="0"
    style="display: none;"></ul>
<ul class="ui-autocomplete ui-front ui-menu ui-widget ui-widget-content ui-corner-all" id="ui-id-2" tabindex="0"
    style="display: none;"></ul>
</body>
</html>
